@charset "utf-8";
html,body { font-family:'PingFang SC', Arial,"Microsoft YaHei"; height:100%; width:100%; color:#333;}
body { margin:0 auto; padding:0; max-width:7.5rem; -moz-user-select:none;-webkit-user-select:none; -ms-user-select:none; user-select:none; -webkit-overflow-scrolling:touch}
body * {max-width:7.5rem;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,tr,th,td,img{ padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block; margin:0; padding:0; *zoom:1;}
address { font-style:normal;}
input[type="button"], input[type="submit"],button{ cursor:pointer; outline:none; -webkit-appearance:none;font-family:'PingFang SC', Arial,"Microsoft YaHei";}
input[type="text"],input[type="password"],textarea,select {outline:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; font-family:'PingFang SC', Arial,"Microsoft YaHei";}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {-webkit-appearance:none;}
textarea {resize:none; font-family:'PingFang SC', Arial,"Microsoft YaHei";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#e5e5e5;}
select { background-color:#fff;}
table { border-collapse:collapse; border-spacing:0;border:none;}
ul,ol{list-style:none;}
img { border:none; border-width:0; margin:0; padding:0; vertical-align:top; }
a{text-decoration:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; color:#888;}
.red { color:#ea2b2b;}
.yellow { color:#ff8400;}
.gray { color:#888;}
.blue { color:#48c6e9 }
i { font-style:normal;}

.rel { position:relative;}
.box-h,.box-v { box-sizing:border-box; display:-moz-box; display:-webkit-box; display:box; display:-o-box; width:100%;}
.flex { display:block; -moz-box-flex:1; -webkit-box-flex:1; -o-box-flex:1; box-flex:1;}
.box-v {-moz-box-orient:vertical; -webkit-box-orient:vertical; -o-box-orient:vertical; box-orient:vertical;}
.box-h { -moz-box-orient:horizontal; -webkit-box-orient:horizontal; -o-box-orient:horizontal; box-orient:horizontal;}
.mt5 { margin-top:0.05rem;}
.mt10 { margin-top:0.1rem;}
.mt20 { margin-top:0.2rem;}
.mt30 { margin-top:0.3rem;}
.mt50 { margin-top:0.5rem;}
.ml15 { margin-left:0.15rem;}
.ml40 { margin-left:0.4rem;}
.mr40 { margin-right:0.4rem;}
.mr20 {margin-right:0.2rem;}
.db { display:block; }

.fl{float:left;}
.fr{float:right;}
.cf:after,.cf:before {content:""; display:table;}
.cf:after {clear:both;}
.tl {text-align:left!important;}
.tc {text-align:center!important;}
.tr {text-align:right;}

/*hide*/
.ovh {overflow:hidden;}
.t-ovh {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.bdn { border:none!important; }

/*wrapper*/
.wrapper {box-sizing:border-box; height:100%;}

/*banner*/
.banner { position:relative; height:3.4rem; overflow:hidden; }
.banner .pic { width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }
.banner .swiper-pagination { bottom:0!important; }
.banner .swiper-pagination-bullet { background-color:#fff; opacity:.5; }
.banner .swiper-pagination-bullet-active { background-color:#0eaf63; opacity:1; }

/*searchBar*/
.searchBar { height:0.9rem; background-color:#f8f8f8; color:#000; font-size:0.3rem; line-height:0.9rem; }
.searchBar .sort { display:inline-block; position:relative; }
.searchBar .sort:after { position:absolute; right:-0.26rem; top:50%; -webkit-transform:translateY(-50%); content:''; width:0.14rem; height:0.09rem; background:url() no-repeat 0 0; background-size:100% auto;}
.searchBar .btn { display:block; width:1.5rem; height:0.9rem; border-left:0.01rem solid #dcdcdc; background:url(../images/glass.png) no-repeat 50% 50%; background-size:0.35rem 0.35rem; }

/*houseList*/
.houseList li { box-sizing:border-box; padding:.3rem; border-bottom:1px solid #f3f3f3;}
.houseList .avatar { margin-right:0.3rem; display:block; width:2.5rem; height:1.7rem; }
.houseList .avatar img {width:2.5rem; height:1.7rem;}
.houseList .name { display:block; font-size:0.3rem; color:#000; line-height:1;}
.houseList .tip { font-size:0.26rem; margin:0.2rem 0 0.1rem; line-height:0.36rem; color:#999; }
.houseList .tagBox { font-size:0;}
.houseList .tagBox span {margin:0.1rem 0.2rem 0 0; padding:0 0.25rem; font-size:0.24rem; border-radius:0.05rem; display:inline-block; border:1px solid #e7e7e7; vertical-align:top; text-align:center; height:0.48rem; line-height:0.48rem; color:#666;}
.houseList .price { margin-top:0.2rem; font-size:0.38rem; line-height:1; color:#f00; }
.houseList .price sub { font-size:0.24rem; vertical-align:-1px; }

/*app-detail*/
.detailBox {box-sizing:border-box; padding:0 0 50px; height:100%;}
.detail { height:100%; overflow:auto; color:#333; }
.detail .t { padding:20px 15px; font-size:24px; font-weight:normal; line-height:30px; border-bottom:10px solid #ececec;}
.detail .info { box-sizing:border-box; padding:0 15px; }
.detail .info p { margin-top:20px; font-size:15px; line-height:21px;}
.detail .info img { width:100%; }
.detail .btm {margin-top:20px; border-top:10px solid #ececec; height:74px; line-height:74px; color:#f00;}
.detail .btm sub { vertical-align:-1px; font-size:15px;}
.detail .btm sub i { color:#999;}
.footBar {position:absolute; bottom:0; width:100%; height:50px; text-align:center;}
.footBar .btn { text-align:center; font-size:16px; color:#fff; width:50%;}
.footBar .btn span { position:relative; display:inline-block; line-height:50px; }
.footBar .btn span:before { position:absolute; left:-29px; top:50%; -webkit-transform:translateY(-50%); content:''; width:19px; height:19px; background-position:0 0; background-repeat:no-repeat; background-size:100% 100%;}
.footBar .ask { background-color:#ffae00; }
.footBar .buy { background-color:#0eaf63; }
.footBar .ask span:before { background-image:url(); }
.footBar .buy span:before { background-image:url(); }

.menu {position: relative;}
.menu ul {position: absolute;left: 5px;right: 5px;top: 0;background: #fff;font-size: 13px;border: 1px solid #ccc;word-break: break-all;text-align: center;transition: all .3s;-webkit-transition: all .3s;list-style-type: none;}






























